<div id="content" class="span10">
	<!-- content starts -->

	<div>
		<ul class="breadcrumb">
			<li><a href="#">Home</a> <span class="divider">/</span></li>
			<li><a href="#">Profile</a></li>
		</ul>
	</div>

	<div class="row-fluid sortable">
		<div class="box span12">
			<div class="box-header well" data-original-title>
				<h2>
					<i class="icon-user"></i> Profile 
				</h2>
				<div class="box-icon">
					<a href="#" class="btn btn-minimize btn-round"><i
						class="icon-chevron-up"></i></a>
				</div>
			</div>
			<div class="box-content">
				<div class="row-fluid">
					<div class="span12">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#tab1" data-toggle="tab">Profile Info</a></li>
								<li><a href="#tab2" data-toggle="tab">Settings</a></li>
							</ul>
							<div class="tab-content">
								<jsp:include page="../../contents/Profile/profile_info.jsp"/>								
								<div class="tab-pane row-fluid profile-account" id="tab2">
									<jsp:include page="../../contents/Profile/settings.jsp"/>	
									
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>
		<!--/span-->

	</div>
	<!--/row-->


	<!-- content ends -->
</div>
<!--/#content.span10-->